HTML表单标签

目录

1.表单的组成：

2.表单控件：

3.标签

4.下拉表单元素5.textarea表单元素

表单的目的是收集用户信息

在HTML中，一个完整的表单通常由表单表单域，表单控件（也称表单元素）和提示信息三个部分组成。 常使用于注册页面

HTML标签中，标签用于定义表单域，以实现用户信息的搜集和传递。 会把它范围内的单元格元素信息提交给服务器

其基本语法：

    各种单元表元素控件

标签为单标签，包含一个type属性，根据不同的type属性值，输入字段拥有很多种形式（文本字段、复选框、掩码后的文本控件、单选按键、按钮）

type属性的属性值及其描述如下：

       注意： 单选按钮radio和复选框checkbox必须要加name属性，必须的有相同的名字name才可以实现多选选一或多选

标签属性

注意：

    1)name和value是每个表单元素都有的属性值，主要给后台人员使用     2)name表单元素的名字，要求单选按钮和复选框要有相同的name值     3)checked属性主要针对于单选按钮和复选框，主要作用一打开页面，就可以默认选中某个表单          元素 （checked="checked"）     4)maxlength是用户可以在表单输入的最大字符数，一般比较少用

例题 问：有些表单元素想刚打开页面就默认显示几个文字怎么做 答：可以给这些表单元素设置value属性=“值”，例如:用户名：

标签为input元素定义标注（标签） 标签用于绑定一个表单元素，当点击标签内的文本时，浏览器就会自动将焦点（光标）转到或者选择对应的表单元素上用来增加用户体验。 语法：

男

核心：标签的for属性应当与相关元素id属性相同。

        在页面中，如果有多个选项让用户选择，并且想要节约页面空间，可以使用标签控件定义下拉列表。

    选项1     选项2     选项3     ...

注意：

    1)标签中至少包含一对     2)在中定义select="select"时，当前项即为默认选中项

        当用户输入内容较多的情况下，就不能使用文本框表单了，可以使用文本域标签 在表单元素中，标签是用于定义多行文本输入的控件。使用多行文本输入控件，可以输入更多的文字，该控件常见于留言板、评论。

语法：

文本内容

注意： 1)通过标签可以轻松的创建多行文本输入框。 2)cols="每行中的字符数"，row=" 显示的行数"，我们在实际开发中不会使用，都是用CSS来改变大小